// 字体自定义
// @font-face {
//   font-family: "HarmonyOS_Sans_SC";
//   src: url("@/assets/fonts/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
// }
// @font-face {
//   font-family: "TimesNewRomanPSMT";  //字体名
//   src: url(@/assets/fonts/mumns.woff2) format("woff2");  //字体路径
// }

/**
 * 全局样式
 */
html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 7px; /*对垂直流动条有效*/
  height: 7px; /*对水平流动条有效*/
}

/* 定义滑块颜色、内阴影及圆角 */
::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: rgba(209, 213, 218, 1);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 164, 174, 1);
}

/* 禁用原生密码输入框小眼睛 */
input[type='password']::-ms-reveal {
  display: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
}

/**
 * 常用class集合
 */
// 背景渐变（水平）
// .bg-gradient-h {
//   background: linear-gradient(90deg, @primary-6, @primary-5);
// }

// /* 背景渐变（垂直） */
// .bg-gradient-v {
//   background: linear-gradient(180deg, @primary-6, @primary-5);
// }

// /* 鼠标手指 */
// .pointer {
//   cursor: pointer;
// }

// /* margin */
// .margin-l-0 {
//   margin-left: 0 !important;
// }
// .margin-l-1 {
//   margin-left: @size-3;
// }

// .margin-l-2 {
//   margin-left: @size-5;
// }

// .margin-r-1 {
//   margin-right: @size-3;
// }

// .margin-r-2 {
//   margin-right: @size-5;
// }

// .margin-t-1 {
//   margin-top: @size-3;
// }

// .margin-t-2 {
//   margin-top: @size-5;
// }

// .margin-b-1 {
//   margin-bottom: @size-3;
// }

// .margin-b-2 {
//   margin-bottom: @size-5;
// }

// .margin-b-0 {
//   margin-bottom: 0 !important;
// }

// /* padding */
// .padding-l-1 {
//   padding-left: @size-3;
// }

// .padding-l-2 {
//   padding-left: @size-5;
// }

// .padding-r-1 {
//   padding-right: @size-3;
// }

// .padding-r-2 {
//   padding-right: @size-5;
// }

// .padding-t-1 {
//   padding-top: @size-3;
// }

// .padding-t-2 {
//   padding-top: @size-5;
// }

// .padding-b-1 {
//   padding-bottom: @size-3;
// }

// .padding-b-2 {
//   padding-bottom: @size-5;
// }

.line-height-32 {
  line-height: 32px;
}

/* 左右浮动 */
.fr {
  float: right;
}

.fl {
  float: left;
}

/* 居左 */
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.tc {
  text-align: center;
}

/* 超出... */
.ellipsis {
  overflow: hidden; /* 确保超出容器的文本被裁剪 */
  white-space: nowrap; /* 确保文本在一行内显示 */
  text-overflow: ellipsis; /* 超出部分显示为省略号 */
}
// 文件与存储
.file-detail-Storage {
  display: flex;
  justify-content: space-between;
  align-items: center;
}